.container{
  :global{
    .login-page {
      width: 100%;
      min-height: 100vh;
    }
    
    .login-container {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      transition: background-color 0.3s, color 0.3s;
    }
    
    .login-container.light {
      background-color: #f0f2f5;
      color: #000;
    }
    
    .login-container.dark {
      background-color: #1a1a1a;
      color: #fff;
    }
    
    .login-form {
      width: 100%;
      max-width: 400px;
      padding: 30px;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: background-color 0.3s;
    }
    
    .login-form-light {
      background-color: #ffffff !important;
    }
    
    .login-form-dark {
      background-color: #2d2d2d !important;
    }
    
    .login-form h1 {
      text-align: center;
      margin-bottom: 24px;
      font-size: 24px;
      font-weight: 600;
    }
    
    .login-form-group {
      margin-bottom: 20px;
    }
    
    .login-form-group label {
      display: block;
      margin-bottom: 8px;
      font-size: 14px;
      font-weight: 500;
    }
    
    .login-form-group input {
      width: 100%;
      padding: 10px;
      border-radius: 4px;
      border: 1px solid #d9d9d9;
      font-size: 16px;
      transition: all 0.3s;
    }
    
    .login-form-light .login-form-group input {
      background-color: #ffffff;
      color: #000000;
      border-color: #d9d9d9;
    }
    
    .login-form-dark .login-form-group input {
      background-color: #3d3d3d;
      color: #ffffff;
      border-color: #4d4d4d;
    }
    
    .login-form-group input:focus {
      outline: none;
      border-color: #177ddc;
      box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    }
    
    .login-submit-button {
      width: 100%;
      padding: 12px;
      border: none;
      border-radius: 4px;
      font-size: 16px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.3s;
    }
    
    .login-submit-button:disabled {
      opacity: 0.7;
      cursor: not-allowed;
    }
    
    .login-submit-button-light {
      background-color: #18181B;
      color: #ffffff;
    }
    
    .login-submit-button-light:hover:not(:disabled) {
      background-color: #27272a;
    }
    
    .login-submit-button-dark {
      background-color: #ffffff;
      color: #18181B;
    }
    
    .login-submit-button-dark:hover:not(:disabled) {
      background-color: #f4f4f5;
    }
    
    .login-theme-toggle {
      position: fixed;
      top: 20px;
      right: 20px;
      background: none;
      border: none;
      font-size: 24px;
      cursor: pointer;
      padding: 8px;
      border-radius: 4px;
      transition: opacity 0.3s;
      color: inherit;
    }
    
    .login-theme-toggle:hover {
      opacity: 0.8;
    }
    
    .login-page-link {
      text-align: center;
      margin-top: 16px;
    }
    
    .login-page-link a {
      color: inherit;
      text-decoration: none;
      transition: opacity 0.3s;
    }
    
    .login-page-link a:hover {
      opacity: 0.8;
    }
    
    .login-error-message {
      color: #ff4d4f;
      margin-bottom: 16px;
      text-align: center;
      padding: 8px;
      border-radius: 4px;
      background-color: rgba(255, 77, 79, 0.1);
    }
  }
}